<template>
  <div>
    <top-header :title="tourScenicActicle.title"></top-header>
    <div class="fx-center html"
         v-html="tourScenicActicle.content_html"></div>
  </div>
</template>

<script>
import TopHeader from '@/components/TopHeader';
export default {
	name: 'informationDetails',
	components: {
		TopHeader,
	},
	data() {
		return {
			tourScenicActicle: {
				title: '',
				content_html: '',
			},
		};
	},
	mounted() {
		_api
			.api_userPortal_tourScenicActicle_getById({ tour_scenic_acticle_id: this.$route.query.id })
			.then((res) => {
				this.tourScenicActicle = res.data;
			})
			.catch((err) => {});
	},
};
</script>

<style scoped>
.html{
    padding: .241546rem .483092rem .483092rem .483092rem;
    box-sizing: border-box;
}
.html >>> img {
	width: 100%;
}
.html >>> p {
    margin: 0;
    font-size: 12pt;
}
</style>